/*统一样式*/
*{margin: 0;padding: 0;height: 0;list-style: none;font-family: "微软雅黑";text-decoration: none;}
a{color: #666;}
html{font-size:12.9375px;}
body{width: 100%;height: 100%;background-color: #efefef;}

/*头部样式*/
.header_hea{width: 100%; background-color: #ffd600;position:fixed;height: 4.5rem;line-height: 4.5rem;z-index: 2;border-bottom: 1px solid #ffd600;padding-top: 0.1px;top: 0;}
.header-cont{position: absolute;top: 0;bottom: 0;left: 6rem;right: 6rem;text-align: center;font-weight: 700;line-height: 4.5rem;font-size: 1.4rem;color: #333;}
.header-cont span{content:}
.sanjiao{border-top:5px solid #000;border-bottom: 5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;position: absolute;top: 2rem;}
.search{text-align: right;color: #222;line-height: 7rem;font-size: .8rem;right:.6rem;position: absolute;top: 0;width: 6rem;height: 4.4rem;font-weight: 700;background-image: url(img/sea.png);background-repeat: no-repeat;background-position: right 0.7rem;background-size: auto 2rem;}

/*列表菜单样式*/
.menu-sec{position:relative;top: 4.5rem;width: 100%;height: 52.41rem;background-color: white;}
.left{width:7.6rem;height: 52.34rem;float: left;overflow-y: auto;
    overflow-x: hidden;}
.sty{width:7.6rem;height: 57.28rem;font-size: 1.2rem;background-color: #f8f8f8;}
.sty li{box-sizing:border-box;height: 4rem;border-bottom: 1px solid #e0e0e0;text-align: center;line-height: 4rem;font-size: 1.3rem;color: #6d6d6d;}
.sty li:nth-of-type(1){border-left: 0.5rem solid #ffd600;}
.sty li:nth-of-type(2){background-image: url(img/50.jpg);background-repeat: no-repeat;background-position:right top; background-size: auto 70%;}

/*右边的菜单*/
.right{width: 24rem;height: 52.28rem;float: right;overflow-y: auto;
    overflow-x: hidden;}
.right ul{width: 24rem;position:relative;top:4rem;}
.right .li-header{width: 24rem; height: 4rem;border-bottom: 1px solid #e0e0e0;position:fixed;top: 4.6rem;background-color: white;z-index: 4; }
.right .li-header p{width: 50%;height: 4rem;float: left;font-size: 1.3rem;background-image: url(img/51.png);background-repeat: no-repeat;background-position: 9rem 1.5rem ;background-size: 1rem;}
.right .li-header p span{display: inline-block;width:100%;height:2rem;margin-top: 1rem;text-indent: 2.5rem;color: #666;padding-top: 0.1px;}
.right .li-header p:nth-of-type(1) span{box-sizing:border-box;border-right: 1px solid #666;}
.right ul li{width: 100%;height: 9.08rem; box-sizing: border-box;padding: .5rem;font-size: 1.2rem;line-height: 2rem;background-color: #fff;border-bottom: 1px solid #e0e0e0;}
.right ul li>div:nth-of-type(1){width: 8rem;height:8rem;float: left; background-image: url(img/52.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.menu-sec .price{height: 7.73rem;width: 15rem;float: right;position: relative;}
.menu-sec .price div{height:1.93rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.menu-sec .price div:nth-of-type(2) span{border: 1px solid red;border-radius: .4rem;color: red;font-size: 1rem;}
.menu-sec .price div:nth-of-type(3){color: #999;font-size: 1.2rem;}
.menu-sec .price div:nth-of-type(4) span:nth-of-type(1){color:#ff3800;font-size: 1.2rem;}
.menu-sec .price div:nth-of-type(4) span:nth-of-type(2){color: #999;font-size: 1.2rem;text-decoration: line-through;}
.menu-sec .price div:nth-of-type(5){width: 2.75rem;height: 2.75rem;position: absolute;background:#ff4300 url(img/24.png) no-repeat right center;background-origin: border-box;background-size: 200% 100%;border-radius: 50%;border-width: 1px;border-style: solid;right: 0.5rem;bottom:0.5rem;border-color: #e0e0e0;}






/*footer部分样式*/
.menu{width: 100%; height: 5rem;background-color: rgba(246,246,246,.95);position: fixed;bottom: 0;}
.menu li{width: 25%;height: 4.78rem;float: left;font-size: 1.2rem;text-align: center;color: #777;line-height: 8rem;}
.menu li:nth-of-type(1){background-image: url(img/44.png);background-repeat: no-repeat;background-position: center .6rem;background-size: auto 2rem;}
.menu li:nth-of-type(2){background-image: url(img/45.png);background-repeat: no-repeat;background-position: center .6rem;background-size: auto 2rem;}
.menu li:nth-of-type(3){background-image: url(img/46.png);background-repeat: no-repeat;background-position: center .6rem;background-size: auto 2rem;}
.menu li:nth-of-type(4){background-image: url(img/47.png);background-repeat: no-repeat;background-position: center .6rem;background-size: auto 2rem;}